import * as React from "react";
import type { SVGProps } from "react";

const SvgFirebase = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={35}
    height={48}
    viewBox="0 0 35 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    {...props}
  >
    <mask
      id="firebase_svg__a"
      style={{
        maskType: "alpha",
      }}
      maskUnits="userSpaceOnUse"
      x={0}
      y={0}
      width={35}
      height={48}
    >
      <path
        d="M30.294 10.653a1.098 1.098 0 0 0-1.85-.596l-5.628 5.663-4.46-8.427a1.062 1.062 0 0 0-1.904 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.04.353L0 38.48l15.745 8.807c.991.542 2.191.542 3.182 0l15.882-8.807-4.515-27.828Z"
        fill="#fff"
      />
    </mask>
    <g mask="url(#firebase_svg__a)">
      <path
        d="M30.294 10.653a1.098 1.098 0 0 0-1.85-.596l-5.628 5.663-4.46-8.427a1.062 1.062 0 0 0-1.904 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.04.353L0 38.48l15.745 8.807c.991.542 2.191.542 3.182 0l15.882-8.807-4.515-27.828Z"
        fill="url(#firebase_svg__b)"
      />
      <path
        d="M0 38.481 5.901.925c.163-1.03 1.55-1.274 2.04-.353L14.032 11.9l2.42-4.606a1.088 1.088 0 0 1 1.931 0L34.81 38.48H0Z"
        fill="#FFA000"
      />
      <path
        fill="url(#firebase_svg__c)"
        d="M-2.175 9.487h23.659v30.078H-2.175z"
      />
      <path
        d="M20.341 23.85 14.005 11.9 0 38.481l20.341-14.633Z"
        fill="#F57C00"
      />
      <path
        fill="url(#firebase_svg__d)"
        d="M-1.087 7.319h38.072v41.73H-1.087z"
      />
      <path
        d="m34.809 38.481-4.514-27.829a1.098 1.098 0 0 0-1.85-.596L0 38.481l15.746 8.807c.99.542 2.19.542 3.182 0l15.881-8.807Z"
        fill="#FFCA28"
      />
      <path
        d="M30.295 10.653a1.098 1.098 0 0 0-1.85-.596l-5.629 5.663-4.46-8.427a1.062 1.062 0 0 0-1.903 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.039.353L0 38.48h-.027l.027.027.164.082 22.625-22.6 5.656-5.636a1.098 1.098 0 0 1 1.85.597l4.46 27.557.054-.027-4.514-27.828ZM.055 38.427 5.9 1.196c.164-1.03 1.55-1.274 2.04-.353l6.092 11.327 2.42-4.607a1.088 1.088 0 0 1 1.93 0l4.352 8.238L.055 38.427Z"
        fill="#fff"
        fillOpacity={0.2}
      />
      <path
        opacity={0.2}
        d="M18.927 47.017c-.99.542-2.19.542-3.182 0L.027 38.237 0 38.481l15.745 8.807c.991.542 2.191.542 3.182 0L34.81 38.48l-.028-.244-15.854 8.78Z"
        fill="#A52714"
      />
      <path
        d="M30.294 10.653a1.098 1.098 0 0 0-1.85-.596l-5.628 5.663-4.46-8.427a1.062 1.062 0 0 0-1.904 0l-2.42 4.606L7.913.572c-.489-.92-1.876-.677-2.04.353L0 38.48l15.745 8.807c.991.542 2.191.542 3.182 0l15.882-8.807-4.515-27.828Z"
        fill="url(#firebase_svg__e)"
      />
    </g>
    <defs>
      <linearGradient
        id="firebase_svg__b"
        x1={-1.212}
        y1={8.121}
        x2={42.101}
        y2={31.109}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#fff" stopOpacity={0.1} />
        <stop offset={1} stopColor="#fff" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="firebase_svg__e"
        x1={-1.212}
        y1={8.121}
        x2={42.101}
        y2={31.109}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#fff" stopOpacity={0.1} />
        <stop offset={1} stopColor="#fff" stopOpacity={0} />
      </linearGradient>
      <pattern
        id="firebase_svg__c"
        patternContentUnits="objectBoundingBox"
        width={1}
        height={1}
      >
        <use xlinkHref="#firebase_svg__f" transform="scale(.0115 .00893)" />
      </pattern>
      <pattern
        id="firebase_svg__d"
        patternContentUnits="objectBoundingBox"
        width={1}
        height={1}
      >
        <use xlinkHref="#firebase_svg__g" transform="scale(.00714 .00645)" />
      </pattern>
      <image
        id="firebase_svg__f"
        width={87}
        height={112}
        xlinkHref=""
      />
      <image
        id="firebase_svg__g"
        width={140}
        height={155}
        xlinkHref=""
      />
    </defs>
  </svg>
);

export default SvgFirebase;
